<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>登录界面</title>
  <script  src="js/jquery-3.6.4.min.js"></script>
    <script src="js/bootstrap.js"></script>
<!--    导入bootstrap 样式文件 必须放在自己的css样式文件之前-->
<!--  浏览器渲染是从DOM元素先开始，接着才是渲染样式，渲染样式是自顶向下开始渲染-->
    <link rel="stylesheet" href="css/bootstrap.css">
  <link rel="stylesheet" href="customCss/login.css">
</head>
<body>

<!--登录组件-->
<div class="container mt-3">
<!--    元素style渲染是在css文件后面渲染 先渲染样式表 再渲染style属性-->
    <h2 class="login-title" style="text-align: center;">登录</h2>
    <div class="card">
        <div class="card-header">
            <label class="form-label">登录</label>
            <input type="text" class="form-control" aria-describedby="passwordHelpBlock">
        </div>

        <div class="card-footer">
            <label  class="form-label">密码</label>
            <input type="password"  class="form-control" aria-describedby="passwordHelpBlock">
        </div>
    </div>
</div>






</body>
</html>